<template>
  <div class="app">
    <Header></Header>
    <Main></Main>
    <Footer></Footer>
  </div>
</template>
<!-- Ctrl+D 选中相同的 -->
<script>
// 局部注册
import Header from './components/Header';
import Main from './components/Main.vue';
import Footer from './components/Footer.vue';
export default {
  components:{
    Header:Header,
    Main,
    Footer,
  }
}
</script>

<style>
.app{
  width: 30em;
  background-color: pink;
  padding: 30px;
}
</style>